Ext.application({
	name : 'HelloExt',
	launch : function() {
		Ext.create('Ext.container.Viewport', {
		    layout: 'border',
		    items: [{
		        region: 'north',
		        html: '<h1 class="x-panel-header">Page Title</h1>',
		        border: false,
		        margins: '0 0 5 0'
		    }, {
		        region: 'west',
		        collapsible: true,
		        split: true,
		        title: '交易选单',
		        width: 250,
		        // could use a TreePanel or AccordionLayout for navigational items
		        xtype: 'panel',
		        layout:'accordion',
		        items:[{
					title:'系统管理',
					html:'panel content!',
					
					xtype:'treepanel',
					root: {
			        text: 'Root',
			        expanded: true,
			        rowLines:true,
			       	useArrows:true,
			        children: [
			        	{
			        		text: '案件基本管理',
			        		expended:true,
			        		children: [
				        		{
				        			text:'潜在客户数据维护',
				        			leaf: true
				        		},
				        		{
				        			text:'新增案件数据维护',
				        			leaf: true
				        		},
				        		{
				        			text:'潜在案件送审',
				        			leaf: true
				        		},
				        		{
				        			text:'客户访谈追踪',
				        			leaf: true
				        		}
			        		]
			        	},
			            {
			                text: '案件管理',
			                expended:true,
			        		children: [
				        		{
				        			text:'租赁文件检核',
				        			leaf: true
				        		},
				        		{
				        			text:'合同数据维护',
				        			leaf: true
				        		},
				        		{
				        			text:'租赁物明细维护',
				        			leaf: true
				        		},
				        		{
				        			text:'案件查询与维护',
				        			leaf: true
				        		}
			        		]
			            },
			            {
			                text: '租金管理',
			                expended:true,
			        		children: [
				        		{
				        			text:'应收账款还款',
				        			leaf: true
				        		},
				        		{
				        			text:'历史缴款明细',
				        			leaf: true
				        		},
				        		{
				        			text:'合同各期租金明细',
				        			leaf: true
				        		},
				        		{
				        			text:'还款撤销',
				        			leaf: true
				        		}
			        		]
			            }
			        ]
			    }
					
				},{
					title:'后台功能',
					html:'panel content!'
				},{
					title:'参数设定',
					html:'panel content!'
				}]
		        
		    }, {
		        region: 'south',
		        title: '南部操作区域',
		        collapsible: true,
		        html: 'Information goes here',
		        split: true,
		        height: 100,
		        minHeight: 100
		    }, {
		        region: 'east',
		        title: '东部操作区域',
		        collapsible: true,
		        split: true,
		        width: 150
		    }, {
		        region: 'center',
		        xtype: 'tabpanel', // TabPanel itself has no title
		        activeTab: 0,      // First tab active by default
		        items: {
		            title: 'Default Tab',
		            html: 'The first tab\'s content. Others may be added dynamically'
		        }
		    }]
		});
	}
});